import React from 'react';

class Mvchild extends React.Component{
    render(){
        return(
            <li className="mv_list__item">
                <div className="mv_list__item_box">
                    <a href="##" className="mv_list__cover mod_cover js_mv">
                        <img src={this.props.url} className="mv_list__pic"/>
                        <i className="mod_cover__icon_play"></i>
                    </a>
                    <h3 className="mv_list__title">
                        <a href="##" className="js_singer">{this.props.monicker}</a>
                    </h3>
                    <p className="mv_list__singer">
                        <a href="##" className="js_singer">{this.props.song}</a>
                    </p>
                    <div className="mv_list__info">
                        <span className="mv_list__listen">
                            <i className="mv_list__listen_icon sprite"></i>
                            {this.props.transmit}
                        </span>
                    </div>
                </div>
            </li>
        )
    }
}

export default Mvchild;